<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>热点图像区域的链接</title>
</head>

<body>
    <!--Chrome浏览器只支持name属性值关联-->
    <h1>热点图像区域的链接</h1>
    <img src="../img4/向左向右.jpg" usemap="#test_map" />
    <map id="test_map" name="test_map">
      <area shape="rect" coords="26,41,53,68" href="https://chejianer-images.oss-cn-shanghai.aliyuncs.com/test/YG0N6LXpl6MLZIqZuO2Wd36NeKlLKsH5.gif" alt="a1" target="_blank"/>
      <area shape="circle" coords="314,197,23" href="https://chejianer-images.oss-cn-shanghai.aliyuncs.com/develop/yhDEgAk0YJRtiFmQxLTKBoHuRMq6CZO0.jpeg" alt="a2" target="_blank">
    </map>
</body>

</html>